<div ng-controller="developCtrl" class="clearfix script-content">
    <div class="wrapper-md">
        <!--<div class="back_button">
            <button class="btn btn-info pull-right" style="float: right" ng-click="goBack()" tabindex="0" ng-if="isBack">
                <i class="fa fa-reply"></i> 返回
            </button>
        </div>-->
        <div class="panel panel-default">
            <div class="col-md-12 search-box m-b-md" style="float:none;">
                <div class="legend">查询条件</div>
                <div class="search-content">
                    <div class="form-group">
                        <label class="control-label">应用名：</label>
                        <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                    </div>
                    <!--<div class="form-group">-->
                        <!--<label class="control-label">操作人：</label>-->
                        <!--<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">-->
                    <!--</div>-->
                    <!--<div class="form-group">-->
                        <!--<label class="control-label">运行状态：</label>-->
                        <!--<select class="form-control" ng-model="addData.type">-->
                            <!--<option value="">&#45;&#45;请选择&#45;&#45;</option>-->
                            <!--<option value="0">运行中</option>-->
                            <!--<option value="1">未部署</option>-->
                        <!--</select>-->
                    <!--</div>-->
                </div>
                <div class="search-btn">
                    <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                    <button class="btn btn-success w-xs m-r" ng-click="add()"><i class="fa fa-plus-circle"></i>创建</button>
                    <!--<button class="btn btn-success w-xs m-r" ng-click="start()">启用</button>-->
                    <!--<button class="btn btn-warning w-xs m-r" ng-click="stop()">停止</button>-->
                    <button class="btn btn-danger w-xs m-r" ng-click="delete()">删除</button>
                </div>
            </div>

            <div class="list-byc col-sm-8" style="padding-left: 0px;">
                <ul class="list-unstyled" >
                    <li class="list-li" ng-repeat="row in appList">
                        <div class="panel panel-default" style="margin-bottom: 20px;">
                            <div class="panel-heading dfont-back" style="height: 50px;padding: 0px;">
                                <div class="checkbox check-top app_radio_div">
                                    <label class="i-checks">
                                        <input type="radio" ng-click="choseId(row.ApplicationCore.applicationCoreId)"  name="appInfo">
                                        <i></i>
                                        {{row.ApplicationCore.applicationCoreName}}
                                    </label>
                                </div>
                                <div class="app_radio_button">
                                    <button class="btn btn-info w-xs m-r" ng-click="reBuild(row)">重新构建</button>
                                </div>
                            </div>
                            <div class="panel-detail">
                                <div class="col-sm-12 low-border" ng-click="detail(row.ApplicationCore)" style="cursor: pointer;">
                                    <div class="col-sm-2 app-d">
                                        <div class="col-sm-12">
                                            <img src="/statics/img/instance.png" style="width: 51px;height: 43px;">
                                        </div>
                                        <div class="col-sm-12 app-p text-center">
                                            <p>实例数：</p><p ng-bind="row.runningCounts"></p>
                                        </div>
                                    </div>
                                    <div class="col-sm-5">
                                        <ul class="list-unstyled" style="margin-top: 6px;">
                                            <li ><span class="app-dfont">访问路径</span><span class="dfont-back"></span></li>
                                            <li ><span class="app-dfont">运行环境</span><span class="dfont-back" ng-bind="hostDetail.swarmname"></span></li>
                                            <li ><span class="app-dfont">运行状态</span><span class="dfont-back" ng-bind="hostDetail.status"></span></li>
                                        </ul>
                                    </div>
                                    <div class="col-sm-5">
                                        <ul class="list-unstyled" style="margin-top: 6px;">
                                            <li ><span class="app-dfont">操作人</span><span class="dfont-back"></span></li>
                                            <li ><span class="app-dfont">时间</span><span class="dfont-back" ng-bind="row.ApplicationCore.applicationCoreCreateDatetime | date:'yyyy-MM-dd HH:mm:ss'"></span></li>
                                        </ul>
                                    </div>
                                </div>
                                <!--<div class="col-sm-12" style="height: 30px;">
                                    <p class="app-p" style="line-height: 30px;display: inline-block;">监控图表</p>
                                    <img src="/statics/img/app_up.png" class="app-img" ng-click="showimg($event)">
                                    <img src="/statics/img/app_down.png" class="app-img" ng-click="hideimg($event)" style="display: none">
                                </div>
                                <div class="col-sm-12" style="height: 130px;display: none;">
                                    <p class="app-p" style="line-height: 30px;display: inline-block;">监控图表</p>
                                </div>-->
                            </div>
                        </div>
                    </li>
                    <li class="col-md-12" ng-if="isImageData">
                        暂无数据
                        <td class="td-nodata" colspan="10"></td>
                    </li>
                </ul>
                <div class="col-md-12 clearfix">
                    <div class="col-sm-6" style="padding:7px 15px;">
                        <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
                                ng-bind="param.rows"></span>条
                        </div>
                    </div>
                    <div class="col-sm-6 text-right">
                        <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="8"
                                    ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                    next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 instrument-dp panel panel-default">
                <div class="panel-heading">操作历史</div>
                <div class="panel-detail">
                    <div class="col-sm-12 instrument-font" style="min-height: 440px;">
                        <ul class="timeline">
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                            <li class="tl-item">
                                <div class="tl-wrap b-info">
                                    <!--<span class="tl-date">5s ago</span>-->
                                    <div class="tl-content">
                                        Cabba主机使用率过高
                                    </div>
                                    <div class="tl-time">
                                        2小时前
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
